[SP2] 프로젝트 탭 디테일한 디자인 수정 #248
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
solar3070
commented
Oct 28, 2023
| @@ -31,7 +33,7 @@ function Projects() { | |||
| <S.ContentWrapper> | |||
| <RecentProjectList /> | |||
| <S.Spacing /> | |||
| <S.SectionTitle>SOPT에서 진행된 프로젝트 둘러보기</S.SectionTitle> | |||
| <S.SectionTitle>SOPT{!isMobile && '에서 진행된'} 프로젝트 둘러보기</S.SectionTitle> | |||
There was a problem hiding this comment.
const isMobile = useIsMobile('899px');
useIsMobile 훅을 사용하고 있는데 초기값이 false였다가 true로 변하면서 텍스트가 SOPT에서 진행된 프로젝트 둘러보기에서 SOPT 프로젝트 둘러보기로 변하게 됩니다. 변함없이 처음부터 SOPT 프로젝트 둘러보기로 나오게 할 좋은 방법이 뭐가 있을까요?
There was a problem hiding this comment.
- '에서 진행된'을 하나의 스타일드 컴포넌트로 감싸서, 그 친구에게 반응형을 적용하는 (display: none 먹이기) 방법도 있을 것 같습니다!
- useIsMobile 훅에서 초기값을 지정할 수 있도록 훅을 수정합니다!
요 두 방법이 잇을 것 같아요~~
There was a problem hiding this comment.
저는 서진이가 제안해준 2번 방법이 더 좋을 것 같아요!
다른 작업할때 말씀해주신 문제와 비슷한 문제를 겪을 가능성이 높아보여요~
There was a problem hiding this comment.
2번에 대해서 좀 더 자세히 설명해주실 수 있나요? 초기값을 어떤식으로 지정하면 좋을까요?
모바일 사이즈일 경우에만 SOPT 프로젝트 둘러보기 타이틀이 나와야 해요!
|
늦게까지 작업하느라 고생하셨습니다! |
f0rever0
approved these changes
Oct 28, 2023
|
yoger merge 해도 되나요 ..? |
SeojinSeojin
force-pushed
the
feat/#247-project-page-detail-design
branch
from
fbfe763 to
fd70426
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Screenshot
모바일 반응형 브레이크 포인트를 피그마에 적혀 있는대로 수정하였습니다. (W899px-)
2023-10-29.4.07.04.mov
스켈레톤 UI는 아직 디자인이 없어서 임의로 구현하였습니다.